<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title><?php the_title() ?></title>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;400&display=swap" rel="stylesheet">
    <?php wp_head(); ?>
</head>

<body>
    <header class="header">
        <div class="container">
            <div class="header__top">
                <?php the_custom_logo(); ?>
                <a class="phone" href="tel:+<?php the_field('phone_number_link') ?>"><?php the_field('phone_number') ?></a>
            </div>
            <div class="header__content">
                <h1 data-wow-delay=".5s" class="header__title wow animate__fadeInLeft">
                    авто из сша “под ключ”
                </h1>
                <h2 data-wow-delay="1s" class="header__subtitle wow animate__fadeInLeft">
                    ЗАКАЖИ СЕБЕ АВТО ИЗ США С ВЫГОДОЙ ДО 40%
                </h2>
                <p data-wow-delay="1.5s" class="header__text wow animate__fadeInLeft">
                    Подбор, покупка, доставка, растаможка, ремонт, оформление по договору
                </p>
                <a class="button" href="#">КОНСУЛЬТАЦИЯ ЭКСПЕРТА</a>
                <div class="social header__social">
                    <a class="social__link" href="<?php the_field('link_to_inst'); ?>">
                        <svg class="test" width="26" height="26">
                            <use xlink:href="<?php echo  get_template_directory_uri() . '/assets/images/icon/sprite.svg#instagram' ?>"></use>
                        </svg>
                    </a>
                    <a class="social__link" href="<?php the_field('link_to_tg'); ?>">
                        <svg width="25" height="19">
                            <use xlink:href="<?php echo  get_template_directory_uri() . '/assets/images/icon/sprite.svg#telegram"' ?>"></use>
                        </svg>
                    </a>
                    <a class="social__link" href="<?php the_field('link_to_wa'); ?>">
                        <svg width="26" height="26">
                            <use xlink:href="<?php echo get_template_directory_uri() . '/assets/images/icon/sprite.svg#whatsapp"' ?>"></use>
                        </svg>
                    </a>
                    <a class="social__link" href="<?php the_field('link_to_fb') ?>">
                        <svg width="14" height="25">
                            <use xlink:href="<?php echo  get_template_directory_uri() . '/assets/images/icon/sprite.svg#facebook"' ?>"></use>
                        </svg>
                    </a>
                </div>
                <img data-wow-delay="0.5s" class="header__images wow animate__fadeInUpBig" src="<?php echo get_template_directory_uri() . '/assets/images/ford-mustang.png' ?>" alt="ford mustang">
            </div>
        </div>
    </header>
